<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>vue.js</title>
	<script type="text/javascript" src="../js/vue.js"></script>
</head>
<body>
	<div id="app">
		<p>单个复选框</p>
		<input type="checkbox" id="checkbox" v-model="checked" />
		<p>多个复选框</p>
		<input type="checkbox" id="test1" value="test1" v-model="checkedNames">
		<label for="test1">Test1</label>
		<input type="checkbox" id="test2" value="test2" v-model="checkedNames">
		<label for="test2">Test2</label>
		<input type="checkbox" id="test3" value="test3" v-model="checkedNames">
		<label for="test3">Test3</label>
		<br>
		<span>选择的值为： {{checkedNames}}</span>
	</div>
	<script type="text/javascript">
		new Vue({
			el: '#app',
			data: {
				checked : false,
				checkedNames: []
			}
		})
	</script>
</body>
</html>
